<html>
<head>
<title>Send Mail</title>
  <style type="text/css">@import "template-dragon_form-style.css";</style>
  <script language="JavaScript" src="jquery.js"></script>
  <script language="JavaScript" src="jquery.validation.js"></script>
<!-- 
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
  <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script> 
-->  

 <script type="text/javascript"> 
$(document).ready(function()
{ 
	$("#form1").validate(
	{ 
	rules:
	{ 
	  mail_to:
	  { 
	    required: true, 
	    email: true
	  },
	  mail_subject: "required",
	  mail_content: "required",
	} 
  }); 
}); 
</script>
</head>
<body>
    <form id="form1" method="post" action="mail_handler.php"> 
        <div class="form-row"><span class="label">To: </span><input type="text" name="mail_to" /></div> 
        <div class="form-row"><span class="label">Subject: </span><input type="text" name="mail_subject" /></div> 
        <div class="form-row"><span class="label">Text: </span><input type="text" name="mail_content" /></div> 

        <div class="form-row"><input class="submit" type="submit" value="send"></div> 
    </form> 
</body>
</html>